<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <title>东单办公系统-请假列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="media/layui/css/layui.css" media="all">
    <script src="media/js/jquery.min.js"></script>

    <script src="media/layui/layui.js"></script>
</head>
<body>

<div class="layui-container">
    <table id="tbdata" lay-filter="tbop"></table>
    <script type="text/html" id="barop">
        <!--  <a class="layui-btn layui-btn-normal" lay-event="detail">详情</a>-->
        <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
    </script>
</div>


<script>
    layui.use('table', function () {
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#tbdata',
            url: 'departpage.do' //数据接口 修改请假列表
            ,
            page: true //开启分页
            ,
            cellMinWidth: 60,
            cols: [[ //表头  请假列表的表头
                {type: 'checkbox'},
                {
                    field: 'id',
                    title: '序号',
                    sort: true,
                    fixed: 'left'
                }, {
                    field: 'name',
                    title: '部门名称'
                }, {
                    field: 'num',
                    title: '部门人数',
                    sort: true
                }, {
                    field: 'createtime',
                    title: '成立日期'
                }]]
        });

    });
</script>

</body>
</html>